<%-- 
    Document   : formulario
    Created on : 31/08/2010, 11:15:36
    Author     : ciar
--%>
<%@page import="java.util.ArrayList"%>
<%@page import="pessoal.Administrador"%>
<%@page import="pessoal.CoordenadorPedagogico"%>
<%@page import="pessoal.Polo"%>
<%@page import="pessoal.Cidade"%>
<%@page import="ferramentas.Query"%>
<%@page import="java.util.List"%>
<%@page import="pessoal.Estado"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="pessoal.Usuario"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style.css" />
        <link rel="shortcut icon" href="http://www.ufg.br/imagens/ufg.ico" />
        <script language="JavaScript" src="calendar1.js"></script><!-- Date only with year scrolling -->
        <script type="text/javascript" src="scripts/lib/jquery.js"></script>
        <script src="scripts/flash.js" type="text/javascript"></script>
        <script src="scripts/jquery.maskedinput.js" type="text/javascript"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Cadastro</title>
    </head>

    <body>
        <%
            Usuario usuario = (Usuario) session.getAttribute("usuario");
            if (usuario instanceof Administrador || usuario instanceof CoordenadorPedagogico) {
                Polo polo = null;
                Query q = new Query();
                ArrayList<Polo> polos = q.getPolosCompleto();
        %>
        <h1>Cadastro/Atualização de Polo</h1>

        <strong>O que deseja fazer?</strong><br />
        <label><input type="radio" id="radio1" name="gerenciarpolo" value="cadastrar" onclick="mostrar_polos(this.value)" checked />Cadastrar Polo</label>
        <label><input type="radio" id="radio2" name="gerenciarpolo" value="atualizar" onclick="mostrar_polos(this.value)" />Atualizar Polo</label><br />     

        <form id="formulario" name ="formulario" action="formularioCadastroPolo" method="post" >
            <label for="polo" id="polos_existentes"><strong>Polos existentes</strong></label>
            <select name="polo" id="polo" onchange="carregarPolo()">
                <option value="0">Selecione o Polo</option>
                <%
                    for (Polo poloAtual : polos) {
                %><option value="<%=poloAtual.getId()%>" ><%=poloAtual.getNome()%></option><%
                        polo = poloAtual;
                    }
                %>
            </select>
            <br/>
            <label>Nome <input type="text" name="nome" size="60" id="nome" onclick="this.setAttribute('class', 'none');" value="<%=(polo != null) ? polo.getNome() : ""%>" /></label><br />

            <label>Descrição<input type="text" id="descricao" size="56" name="descricao" onclick="this.setAttribute('class', 'none');" value="<%=(polo != null) ? polo.getDescricao() : ""%>" /></label><br />

            <label>Telefone<input size="30" type="text" name="telefone" id="telefone" onclick="this.setAttribute('class', 'none');" value="<%=polo != null ? polo.getTelefone() : ""%>" /></label><br />

            <label>Endereço<input type="text" id="endereco" size="56" name="endereco" onclick="this.setAttribute('class', 'none');" value="<%=(polo != null) ? polo.getEndereco() : ""%>" /></label><br />

            <label>Graduação<input type="text" id="graduacao" size="55" name="graduacao" onclick="this.setAttribute('class', 'none');" value="<%=(polo != null) ? polo.getGraduacao() : ""%>" /></label><br />

            <label>Pós-graduação<input type="text" id="pos_graduacao" size="50" name="pos_graduacao" onclick="this.setAttribute('class', 'none');" value="<%=(polo != null) ? polo.getPos_graduacao() : ""%>" /></label><br />

            <label>Extensão<input type="text" id="extensao" size="56" name="extensao" onclick="this.setAttribute('class', 'none');" value="<%=(polo != null) ? polo.getExtensao() : ""%>" /></label><br />

            <label>Coordenador<input type="text" id="coordenador" size="53" name="coordenador" onclick="this.setAttribute('class', 'none');" value="<%=(polo != null) ? polo.getCoordenador() : ""%>" /></label><br />

            <label>Telefone coordenador<input type="text" id="tel_coordenador" size="30"name="tel_coordenador" onclick="this.setAttribute('class', 'none');" value="<%=(polo != null) ? polo.getTelefone_coordenador() : ""%>" /></label><br />

            <label>E-mail coordenador<input type="text" id="email_coordenador" size="46" name="email_coordenador" onclick="this.setAttribute('class', 'none');" value="<%=(polo != null) ? polo.getEmail_coordenador() : ""%>" /></label><br />
            <input type="button" value="<%=(polo != null) ? "Atualizar" : "Cadastrar"%>" onmouseup="validar()" />
        </form>
        <script <script language="JavaScript" type="text/javascript">
            window.onload = function() {
                polos = document.getElementById("polo");
                polos_existentes = document.getElementById("polos_existentes");
                if (polos != null) {
                    polos.style.display = "none";
                    polos_existentes.style.display = "none";
                }
            }

            function mostrar_polos(opcao) {
                if (opcao == "cadastrar") {
                    polos.style.display = "none";
                    polos_existentes.style.display = "none";
                    limparCampos();
                } else if (opcao == "atualizar") {
                    polos.style.display = "block";
                    polos_existentes.style.display = "block";
                } else {
                    window.alert("Erro inesperado!");
                }
            }

            function limparCampos() {
                var nome = document.getElementById("nome");
                var descricao = document.getElementById("descricao");
                var telefone = document.getElementById("telefone");
                var endereco = document.getElementById("endereco");
                var graduacao = document.getElementById("graduacao");
                var pos_graduacao = document.getElementById("pos_graduacao");
                var extensao = document.getElementById("extensao");
                var coordenador = document.getElementById("coordenador");
                var tel_coordenador = document.getElementById("tel_coordenador");
                var email_coordenador = document.getElementById("email_coordenador");
                var polo = document.getElementById("polo");

                nome.value = "";
                descricao.value = "";
                telefone.value = "";
                endereco.value = "";
                graduacao.value = "";
                pos_graduacao.value = "";
                extensao.value = "";
                coordenador.value = "";
                tel_coordenador.value = "";
                email_coordenador.value = "";
                polo.value = "0";
            }

            function carregarPolo() {
                Radio = formulario.gerenciarpolo;
                var polo = document.getElementById("polo").value;
                var atualizar = document.getElementById('radio2').checked;

                var idPolo;
                if (atualizar && polo != 0) {
                    idPolo = polo.value;
                    popularCampos();
                }
            }
            
            function popularCampos(){
                var nome = document.getElementById("nome");
                var descricao = document.getElementById("descricao");
                var telefone = document.getElementById("telefone");
                var endereco = document.getElementById("endereco");
                var graduacao = document.getElementById("graduacao");
                var pos_graduacao = document.getElementById("pos_graduacao");
                var extensao = document.getElementById("extensao");
                var coodenador = document.getElementById("coodenador");
                var tel_coordenador = document.getElementById("tel_coordenador");
                var email_coordenador = document.getElementById("email_coordenador");
            }

            function validar() {
                if (valida_nome() && valida_coordenador()) {
                    //window.alert("Enviar Dados!");
                    form.submit();
                } else {
                    window.alert("Você deve preencher no mínimo o campo 'Nome' e 'Coordenador' para prosseguir!");
                }

            }

            function validaTudo() {
                return valida_nome() &
                        valida_nascimento() &
                        valida_cep() &
                        valida_rua() &
                        valida_numero() &
                        valida_bairro() &
                        valida_cidade() &
                        valida_estado() &
                        valida_ddd() &
                        valida_telefone();
            }

            function valida_nome() {
                return validaCampo("nome");
            }

            function valida_descricao() {
                return validaCampo("descricao");
            }

            function valida_telefone() {
                return validaCampo("telefone");
            }

            function valida_endereco() {
                return validaCampo("endereco");
            }

            function valida_pos_graduacao() {
                return validaCampo("pos_graduacao");
            }

            function valida_graduacao() {
                return validaCampo("graduacao");
            }

            function valida_coordenador() {
                return isSelected("coordenador");
            }

            function valida_telefone_coordenador() {
                return isSelected("tel_coordenador");
            }

            function valida_email_coordenador() {
                return validaCampo("email_coordenador");
            }

            function validaCampo(nome_campo) {
                var campo = document.getElementById(nome_campo);
                if (campo != null) {
                    if (!isVazio(campo.value)) {
                        return true;
                    }
                }
                campo.setAttribute("class", "invalido");
                return false;
            }


            function isVazio(campo) {

                if (campo.length == 0 || campo == null) {
                    return true;
                } else {
                    return false;
                }
            }

            function isSelected(nome_campo) {
                var campo = $('#' + nome_campo);
                var valor = $('#' + nome_campo + ' option:selected').val();
                if (valor == 0) {
                    $(campo).addClass('invalido');
                    return false;
                } else {
                    return true;
                }
            }
            </script>
            <% } else {
                    out.println("<script type='text/javascript'>window.alert('Você não tem permissão para esse tipo de acesso!');document.location.href='index.jsp';</script>");
                }%>
    </body>
</html>